<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>userList</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>
</head>
<body class="container">
<br/>
<h1>单词列表</h1>
<br/><br/>
<div class="with:80%">
    <table class="table table-hover">
        <thead>
        <tr>
            <th>#</th>
            <th style="width:150px;">单词<th>
            <th style="width:200px;">解释</th>
            <th>发音</th>
            <th>复数</th>
            <th>日期</th>
            <th>Edit</th>
            <th>Delete</th>
        </tr>
        </thead>
        <tbody>
        <tr  th:each="item : ${words}">
            <td scope="row" th:text="${item.Id}">1</td>
            <td th:text="${item.words}">neo</td>
            <td th:text="${item.means}">neo</td>
            <td th:text="${item.pronunce}">Otto</td>
            <td th:text="${item.wordChange}">6</td>
            <td th:text="${item.createDate}">neo</td>
            <td><a th:href="@{/toEdit(id=${item.id})}">edit</a></td>
            <td><a th:href="@{/delete(id=${item.id})}">delete</a></td>
        </tr>
        </tbody>
    </table>
</div>
<div class="form-group">
    <div class="col-sm-2 control-label">
        <a href="/toAdd" th:href="@{/toAdd}" class="btn btn-info">add</a>
    </div>
</div>

</body>
</html>